<template>
  <div class="container">
      <!-- 编辑编辑器界面 -->
      <a-page-header
        style="border: 1px solid rgb(235, 237, 240)"
        title="抓取任务编辑器"
        sub-title=""
        @back="() => null"
      />

      <!-- 输入区域 -->
      <a-row class="condition-pannel white-pannel">
            <a-col :span="6">
              任务名：
                
              <a-select
                show-search
                :value="value"
                placeholder="input search text"
                style="width: 200px"
                :default-active-first-option="false"
                :show-arrow="false"
                :filter-option="false"
                :not-found-content="null"
                @search="handleSearchTask"
                @change="handleChangeTask"
              >
                <a-select-option v-for="d in taskData" :key="d.value">
                  {{ d.text }}
                </a-select-option>
              </a-select>
                
            </a-col>
            <a-col :span="6">
                <a-button type="primary">
                    数据文件导出
                </a-button>
            </a-col>
            <a-col :span="6">
                <a-button type="primary">
                    其他条件
                </a-button>
            </a-col>
            <a-col :span="6">
                <a-button type="primary">
                    查询
                </a-button>
            </a-col>
        </a-row>

  </div>
</template>
<script >




export default {
  components:{

  },
  data() {
    return {
      taskData: [],    // 任务名输入提示数据
      descData: [],    // 描述信息输入提示数据
      linkData: [],    // 链接输入提示数据
      defaultValue: [], // 任务默认参数输入提示
    };
  },
  methods: {
    handleSearchTask(){
      
    },
    handleChangeTask(){

    }
  },

};
</script>

<style lang="less" scoped>
.container{
  width: 90%;
  align-content: center;
  margin: auto;
  margin-top: 10px;
}

.condition-container{
  width: 90%;
  align-content: center;
}

.white-pannel{
    background-color: white;
}

.condition-pannel{
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

</style>
